/*=== index ===*/
section { padding: 70px 0px; }

.bg1 { background:url(../images/index_about.jpg) no-repeat center  top}
.bg2 { background:url(../images/index_ks.jpg) no-repeat center  top}

.index_title { display: block; text-align: center; background: url(../images/title_bg.png) no-repeat center bottom; position: relative; text-align: center; height: 65px; overflow: hidden; line-height: 45px; margin-bottom:40px }
.index_title span.name { position: absolute; z-index: 10; color: #358dcd; font-size: 28px; display: block; width: 100%; font-weight: bold; }
.index_title span.eng { font-size: 42px; color: #f0f0f0; font-weight: bold; text-transform:uppercase }
.index_title span.name2 { position: absolute; z-index: 10; color: #fff; font-size: 28px; display: block; width: 100%; font-weight: bold; }
.index_title span.eng2 { font-size: 42px; color: #568bcf; font-weight: bold; text-transform:uppercase }

.index_guide { width: 100%; height: 113px; background: url(../images/index_icon_bg.png) no-repeat center center; position: absolute; z-index: 9999; left: 0px; bottom: 0px;text-align: center; }
.index_guide ul { width:1240px; margin:0px auto;}
.index_guide ul li { display: block; height:113px; padding:34px 0px 34px 100px; background: url(../images/index_icon_x.png) no-repeat right center; overflow: hidden; text-align: left; width: 248px; float: left; position:relative; }
.index_guide ul li:hover { background:url(../images/pic_icon.png) repeat}
.index_guide ul li:last-child {background:none;}
.index_guide ul li:hover { background: url(../images/pic.png) repeat }
.index_guide ul li:hover img {transition:transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -webkit-transition:-webkit-transform 1s ease-out; transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}

.index_guide ul li a { color:#fff;}
.index_guide ul li a img { width: 45px; height: 45px; position:absolute; left:30px; top:35px; }
.index_guide ul li p.name { font-size: 18px; font-weight: bold; display: block; width:fit-content;}
.index_guide ul li p.eng { font-size:14px;}


.ind_npic{ width: 605px; height: 390px; position: relative; overflow: hidden; }
.ind_npic .swiper-container{ width:100%;height:100%;}
.ind_npic .swiper-slide{display: block; position: relative; width: 100%; padding:0; overflow: hidden;}
.ind_npic .swiper-slide img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind_npic .swiper-slide .title { width:100%; height:90px; background:url(../images/img_bg.png) repeat-x; position:absolute; left:0px; bottom:0px; padding:30px 0px 0px 15px; color:#fff; text-align:left;}
.ind_npic .swiper-slide p.date { font-size:16px; height:20px; line-height:20px}
.ind_npic .swiper-slide p{ width: 82%; height: 30px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; }
.ind_npic .swiper-container .swiper-pagination,.ind_npic .swiper-container .swiper-pagination-bullet { bottom: 13px; left: 260px; border-radius: 0; }
.ind_npic .swiper-pagination{line-height:100%; padding:5px 0px;display: flex; align-items: center; justify-content: center ; text-align:right; z-index:10;}
.ind_npic .swiper-pagination-bullet{opacity: 1; width:12px; height:12px; min-width:12px; background: #fff; display:block}
.ind_npic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px 0 0;}
.ind_npic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin: 0;}
.ind_npic .swiper-pagination-bullet-active{background: #de1e00;}

.ind_nlist { width: 605px }
.ind_nlist ul li { width: 100%; padding-left: 80px; position: relative; height: 75px; margin-bottom: 25px; padding-top: 10px; }
.ind_nlist ul li span { position: absolute; top: 10px; left: 0px; width: 60px; text-align: right; display: block; }
.ind_nlist ul li span.date { font-size: 52px; color: #bfbfbf; font-weight: bold; line-height: 45px; }
.ind_nlist ul li span.year { top: 60px; color: #ccc; font-size: 14px; }
.ind_nlist ul li p.title { width: 100%; height: 24px; font-size:18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 24px; margin-bottom: 5px; }
.ind_nlist ul li p.txt { font-size: 14px; color: #999999; line-height: 20px; height: 40px; overflow: hidden; }
.ind_nlist ul li:hover span.date { color: #32a7f9 }
.ind_nlist ul li:hover span.dian { background:#5ead00} 
.ind_nlist ul li:hover p.title { color: #338cd1 }
.ind_nlist ul li:last-child { margin-bottom:0}

.ind_ablist li { float: left; display: block; width: auto; background: url(../images/index_ax.png) no-repeat right center; padding: 0px 4.75%; text-align: center; position: relative; }
.ind_ablist li p.numb { color: #fff; font-size: 36px; font-weight: bold; display: block; line-height: 36px; width: 100% }
.ind_ablist li p.name { font-size: 14px; color: #a0d46a; display: block; line-height: 24px; width: 100% }
.ind_ablist li p sup { color: #7dc8ff; font-size: 14px; top: -20px; left: 5px }
.ind_ablist li:last-child { background:none}

.ind_abtxt {width:810px; background:#f3f3f3; padding:20px; margin:40px auto 0px auto}
.ind_abmain { background: #fff; border: #dcdcdc 1px solid; padding: 45px 40px; }
.ind_abmain ul li { text-align: center; line-height: 24px; padding-bottom: 20px; display: block; }
.ind_abmain ul li a { color: #fff; background: #666; padding:12px 50px; border-radius: 30px;transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms}
.ind_abmain ul li a:hover { background:#338cd1; padding:12px 70px;}

.team_swiper{position: relative; display: block !important;}
.team_swiper .swiper-slide{ background: #fff; box-shadow: 0px 5px 5px #eaeaea; -moz-box-shadow: 0px 5px 5px #eaeaea; -webkit-box-shadow: 0px 5px 5px #eaeaea; border: #eaeaea 1px solid; text-align: center; padding: 100px 20px 30px 20px; margin-top: 120px; height: 260px; }
.team_swiper_btn .swiper-button-prev{ transition: 0.6s; z-index: 9999; opacity: 1; width: 45px; height: 45px; background: url(../images/prev.png) no-repeat center center #7e7e7e; left: 0px; top: 250px }
.team_swiper_btn .swiper-button-next{transition: 0.6s; z-index:9999; opacity: 1; width:45px; height:45px; background:url(../images/next.png) no-repeat center center #7e7e7e; right:0; top:250px}
.team_swiper_btn .swiper-button-prev:hover ,.team_swiper_btn .swiper-button-next:hover{ background-color:#7ab042}
.team_swiper .swiper-slide:hover { background:#338cd1; border:#338cd1 1px solid;transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms}
.team_swiper .swiper-slide:hover a {color:#fff;}
.team_swiper .swiper-slide:hover .pic { border:#8cc1ea 12px solid}


.team{ display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; position: relative }
.team a{ display: block; width: 100%; height: 100%; position: relative; }
.team .pic{ display: block; position: absolute; width: 190px; padding: 0; overflow: hidden; border-radius: 50%; top: -210px; height: 190px; z-index: 99; border: #ededed 12px solid; left: 30px; }
.team .pic img{width: 100%; height: 100%; object-fit: cover;}
.team p.name { margin:5px 0}
.team p.heng { width: 40px; height: 1px; margin: 0px auto; background: #eaeaea; margin: 15px auto }
.team p.txt { line-height:22px; font-size:14px; height:40px; overflow:hidden; text-align:left}
.team a:hover p.name { color:#fff;}
.team a:hover p.fu_z { color:#cbeda7}
.team a:hover p.txt { color:#bcdbf3}


.ind_ksicon ul { padding:20px 0; height:240px}
.ind_ksicon ul li { width: 104px; height: 140px; border: #fff 1px solid; float: left; margin-right: 20px; text-align: center; font-size: 18px; -moz-transition: all .6s ease 0s; -ms-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s; }
.ind_ksicon ul li p.pic {width:100%; text-align: center;margin-bottom:15px; }
.ind_ksicon ul li p.pic img {width:38px; height:38px; margin-top:30px;}
.ind_ksicon ul li:hover {-moz-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); background:#7ab042; border:#7ab042 1px solid }
.ind_ksicon ul li:last-chlid { margin-right:0}
.ind_ksicon ul li a { color:#fff;}
.ind_ksicon .more { text-align:center; width:100%; display:block}
.ind_ksicon .more a { color: #fff; border:#fff 1px solid; padding:15px 60px; border-radius: 30px;transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms}
.ind_ksicon .more a:hover { background:#7ab042; padding:15px 90px; border:#7ab042}

.ind_quick ul li{ width:310px; float:left; display:block; overflow:hidden}
.ind_quick ul li a p {width:310px; height:184px; text-align:center;overflow:hidden;-moz-transition: all .6s ease 0s; -ms-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s; }
.ind_quick ul li span.name { display:block; height:60px}
.ind_quick ul li span.more { margin-top:15px; padding:8px 30px; border:#fff 1px solid; font-size:16px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;-moz-transition: all .6s ease 0s; -ms-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.ind_quick ul li:hover span.more { padding:10px 50px; background:#fff;}
.ind_quick ul li:hover a p.pic{-moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

.ind_quick ul li a p.css_1,.ind_quick ul li a p.css_2,.ind_quick ul li a p.css_3,.ind_quick ul li a p.css_4 { padding-top:45px; color:#fff; font-size:24px;}
.ind_quick ul li a p.css_1 { background:url(../images/wz_01.png) no-repeat left top #ff9907}
.ind_quick ul li:hover a p.css_1 {background:url(../images/wz_01.png) no-repeat left top #de8300}
.ind_quick ul li:hover a p.css_1 span.more { color:#de8300}
.ind_quick ul li a p.css_2 { background:url(../images/wz_02.png) no-repeat left top #358dcd}
.ind_quick ul li:hover a p.css_2 {background:url(../images/wz_02.png) no-repeat left top #026ebc}
.ind_quick ul li:hover a p.css_2 span.more { color:#026ebc}
.ind_quick ul li a p.css_3 { background:url(../images/wz_03.png) no-repeat left top #e1c900}
.ind_quick ul li:hover a p.css_3 {background:url(../images/wz_03.png) no-repeat left top #bda900}
.ind_quick ul li:hover a p.css_3 span.more { color:#bda900}
.ind_quick ul li a p.css_4 { background:url(../images/wz_04.png) no-repeat left top #7ab042}
.ind_quick ul li:hover a p.css_4 {background:url(../images/wz_04.png) no-repeat left top #58a00d}
.ind_quick ul li:hover a p.css_4 span.more { color:#58a00d}

/*友情链接*/
.ind_link { background:url(../images/index_link.jpg) no-repeat center center; width:100%; height:58px; line-height:58px; color:#fff;}
.ind_link ul { padding-left:160px; margin:0px auto; overflow:hidden}
.ind_link ul li a { color:#fff; font-size:14px}
.ind_link ul li a:hover { color:#e3f9e8; border-bottom:#e3f9e8 1px dotted;}
.ind_link ul li span { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px 15px;}